$(document).ready(function(){
	
	renderDataTable();
	
	$('#inputRequestNumber').focus();
	
	$("#inputRequestNumber").keypress(function (event) {
		if (event.which != 8 && event.which != 0 && (event.which < 48 || event.which > 57)) {
	       return false;
	    }
	});
});

//function load data
function renderDataTable(){
	
	$('#requestDataTable').DataTable({
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
        searching: true,
        "bSort" : true,
        "aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '1%', "bSortable": false},
		                {"sTitle": "วันที่รับคำร้อง", sClass: "alignCenter", sWidth: '9%', "bSortable": true},
		                {"sTitle": "เลขที่คำร้อง", sClass: "alignCenter", sWidth: '9%', "bSortable": true},
		                {"sTitle": "ชื่อ-นามสกุล ผู้ยื่นคำร้อง", sClass: "rightCenter", sWidth: '13%', "bSortable": true},
		                {"sTitle": "ประเภทคำร้อง", sClass: "rightCenter", sWidth: '9%', "bSortable": true},
		                {"sTitle": "สถานะ", sClass: "rightCenter", sWidth: '6%', "bSortable": false},
		                {"sTitle": "รายละเอียด", sClass: "alignCenter table-action", sWidth: '4%', "bSortable": false,
		                "mRender": function ( data, type, full) { 
		                		return  '<i class="fa fa-search" title="ดูรายละเอียดข้อมูล" id="detailButton" onclick="showDataDetail(\'' + full[2] + '\');"></i>';
		                	} 
		                }
		               ],
		        "sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า  
		       	"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		       	"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		       	"bScrollCollapse": true,
		       	"aLengthMenu": [
		       		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		       		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		       		 ],
		        //"iDeferLoading": 11	, 
		        "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		        "bServerSide" : true,
				"sDom" : 'Rlfrtip',
				"sAjaxSource": "CS65000Srvl?methodType=getDataTable",
		        "drawCallback" : function(settings) {
				}
	});
}

//เมื่อกดปุ่ม Enter
function Enter(e) {
	if (e.keyCode == 13) {
		searchRequestNumber();
	  return false;  
	}
};

//Function ค้นหา เลขที่ใบคำร้อง
function searchRequestNumber() {
	var requestNumber = "";
	var startDate = "";
	var toDate = "";
	var status = "";
	if ($("#inputRequestNumber").val() == "") {
		requestNumber = "";
	} else {
		requestNumber = $("#inputRequestNumber").val();
	}
	if ($("#datetimepicker1").val() == "") {
		startDate = "";
	} else {
		startDate = $("#datetimepicker1").val();
	}
	if ($("#datetimepicker2").val() == "") {
		toDate = "";
	} else {
		toDate = $("#datetimepicker2").val();
	}
	if ($('#inputStatus1').is(':checked')) {
		status += "'" + $("#inputStatus1").val() + "',";
	} 
	if ($('#inputStatus2').is(':checked')) {
		status += "'" + $("#inputStatus2").val() + "',";
	} 
	if ($('#inputStatus3').is(':checked')) {
		status += "'" + $("#inputStatus3").val() + "',";
	}
	if ($('#inputStatus4').is(':checked')) {
		status += "'" + $("#inputStatus4").val() + "',";
	}
	if ($("#inputRequestNumber").val() == "" && $("#datetimepicker1").val() == "" && $("#datetimepicker2").val() == "") {
		$("#checkMessage").text("กรุณากรอกเงื่อนไขการค้นหา");
		$("#checkDataModal").modal();
	} else {
		if ($("#datetimepicker2").val() != "") {
			if ($("#datetimepicker1").val() == "") {
				$("#checkMessage").text("กรุณากรอกวันที่เริ่มต้น");
				$("#checkDataModal").modal();
			} else {
				// set value Condition
				$('#requestDataTable').DataTable().column(0).search("1");
				$('#requestDataTable').DataTable().column(1).search(requestNumber);
				$('#requestDataTable').DataTable().column(2).search(startDate);
				$('#requestDataTable').DataTable().column(3).search(toDate);
				$('#requestDataTable').DataTable().column(4).search(status);
				$('#requestDataTable').DataTable().draw();
			}
		} else {
			// set value Condition
			$('#requestDataTable').DataTable().column(0).search("1");
			$('#requestDataTable').DataTable().column(1).search(requestNumber);
			$('#requestDataTable').DataTable().column(2).search(startDate);
			$('#requestDataTable').DataTable().column(3).search(toDate);
			$('#requestDataTable').DataTable().column(4).search(status);
			$('#requestDataTable').DataTable().draw();
		}
	}
}

function showDataDetail(requestNumber){
	$("#requestNumber").val(requestNumber);
	$("#methodType").val("getData");
	document.getElementById("showRequestNumber").submit();
}

//Function ปิด Popup ค้นหา
function getFocus(){
	$(".close").trigger('click');
	$('#inputRequestNumber').focus();
}
